<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>About using an Interactive Bubble Graph widget as a selector</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
ul.whs1 { list-style:disc; }
img_whs2 { border:none; width:365px; height:528px; float:none; border-style:none; }
ol.whs3 { list-style:decimal; }
p.whs4 { font-size:9pt; margin-top:6px; margin-bottom:6px; font-weight:normal; }
p.whs5 { margin-top:6px; margin-bottom:6px; margin-left:40px; }
p.whs6 { margin-left:0in; margin-right:0in; margin-top:6pt; margin-bottom:6pt; }
-->
</style><script type="text/javascript" language="JavaScript">
<!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
{
  var strNSS = "<style type='text/css'>";
  strNSS += "p.whs6 {margin-left:1pt;margin-right:1pt; }";
  strNSS +="</style>";
  document.write(strNSS);
}
//-->
</script>
<script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nViewing data related to a widget: About using widgets as selectors\nAbout using an Interactive Bubble Graph widget as a selector");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>About using an Interactive Bubble Graph widget as a selector</h1>
<p class=seealso>Report objects in an 
<a HREF="Bubble_widget.htm">Interactive 
 Bubble Graph widget</a> can be defined as selectors, as described in 
<a 
 HREF="Widget_as_selector.htm">Viewing data related to a widget: Using 
 a widget as a selector</a>. In MicroStrategy Web, users can interact with 
 the widget to control targeted Grid/Graphs and panel stacks in the document. 
 </p>
<p class=seealso>In MicroStrategy Web, the following parts of an Interactive 
 Bubble Graph widget can be used as selectors to display data in Grid/Graphs 
 and panel stacks. When you hover the cursor over these selectable parts 
 of the widget, the cursor turns into a hand, indicating that it can be 
 selected.</p>
<ul type="disc" class="whs1">
	
<li class=p-seealso><p class=seealso><span style="font-weight: bold;"><B>Bubbles</B></span>: 
 The bubbles in the widget can be used as selectors if their corresponding 
 attributes are enabled as selectors in the Grid/Graph. To use a bubble 
 as a selector, click a bubble. For example, you can click the Northeast 
 region bubble to display Northeast-related data in all target Grid/Graphs 
 and panel stacks.</p></li>
</ul>
<p class=seealso style="margin-left: 40px;"><span style="font-weight: bold;"><B>Note</B></span>: 
 Double-click a bubble to drill down to the child elements of that bubble 
 and to display data in the dashboard related to the bubble. To display 
 data related to the drill-to element, click the child bubble. All target 
 Grid/Graphs and panel stacks are updated with data related your selection. 
 For more information about drilling in an Interactive Bubble Graph widget, 
 see 
<a HREF="Drilling_in_Bubble_widget.htm">Enabling drilling in an Interactive 
 Bubble Graph widget</a>.</p>
<ul type="disc" class="whs1">
	
<li class=p-seealso><p class=seealso><span style="font-weight: bold;"><B>Legend</B></span>: 
 The attribute elements in the legend can be used as selectors if there 
 is an attribute in the columns of the Grid/Graph and that attribute is 
 enabled as a selector. To use the legend as a selector, click an attribute 
 element in the legend. Only one item in the legend can be selected at 
 a time. For example, you can click the legend item for the Central region 
 to display data for the Central region in all target Grid/Graphs and panel 
 stacks.</p></li>
</ul>
<p class=seealso style="margin-left: 40px;">For example, the Region attribute 
 in the Interactive Bubble widget below is enabled as a selector. When 
 you select a region bubble from the widget, the target graph at the bottom 
 is updated with data related to that region. </p>
<p class=seealso style="margin-left: 40px;">When a user hovers the cursor 
 over these selectable parts of the widget, the cursor turns into a hand, 
 indicating that it can be selected. </p>
<p class=seealso><img src="images/bubble_selector_dcg.gif" x-maintain-ratio="TRUE" width="365px" height="528px" border="0" class="img_whs2"></p>
<p>A user can also select multiple bubbles by dragging a selection box 
 (or lasso) around the bubbles. For example, a user drags a selection box 
 around the Electronics and Books bubbles in the middle of the widget. 
 If the selection box is set to automatically update the target, the target 
 graph displays data related to those bubbles. Otherwise, the user must 
 click the <span style="font-weight: bold;"><B>Select</B></span> icon in the button 
 bar to update the target graph. For more information about enabling the 
 selection box (lasso), see 
<a href="Bubble_widget.htm">Creating an Interactive 
 Bubble Graph widget</a>.</p>
<p class=seealso style="font-weight: bold;">To use a widget as a selector</p>
<ol type="1" class="whs3">
	
<li style=" font-size: 9pt; font-weight: normal; " class=p><p class="whs4">Select 
 the target Grid/Graph or panel stack in the list of available targets 
 on the left. Click<span style="font-weight: bold;"><B> &gt;</B></span> to add 
 it to the list of selected targets on the right. You can select multiple 
 targets.</p></li>
</ol>
<p class="whs5">The 
 attribute, custom group, or consolidation you selected in the Grid/Graph 
 is the source, and the selected Grid/Graph is the target. The Action Type 
 of the selector is set to Select Element. </p>
<ol start="2" type="1" class="whs3">
	
<li class=p><p class="whs6">To 
 ensure that the user can select all or more than one element in the widget, 
 select the <span style="font-weight: bold;"><B>Show option for All</B></span> 
 check box. </p></li>
	
<li class=p><p class="whs6">To 
 ensure that the metric totals are displayed in the target grid or target 
 widget, select the <span style="font-weight: bold;"><B>Show option for total</B></span> 
 check box. </p></li>
	
<li class=p><p class="whs6">To 
 view updated values of the selected attribute when data is not available, 
 select the <span style="font-weight: bold;"><B>Automatically update when 
 there is no data for the current selection</B></span> check box. </p></li>
	
<li style=" font-size: 9pt; font-weight: normal; " class=p><p class="whs4">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to apply the changes and return 
 to the document.</p></li>
</ol>
<p class=seealso>You can also use this widget as a selector in Design Mode 
 or Editable Mode in MicroStrategy Web. Do one of the following: </p>
<ul type="disc" class="whs1">
	<ul type="disc" class="whs1">
		
<li class=p><p class="whs4">Right-click 
 the attribute, custom group, or consolidation in the Grid/Graph to use 
 as the selector, and choose <span style="font-weight: bold;"><B>Edit Selector</B></span>. 
 The Configure Selector dialog box opens. </p></li>
		
<li class=p><p class="whs4">Right-click 
 the Metrics column in the Grid/Graph, and choose <span style="font-weight: bold;"><B>Edit 
 Selector</B></span>. The Configure Selector dialog box opens.</p></li>
	</ul>
</ul>
<p class=seealso>For an Interactive Bubble Graph widget, you can specify 
 whether target Grid/Graphs and panel stacks are updated when a user hovers 
 over a bubble or an item in the legend, instead of clicking it. For details 
 and procedures, see 
<a href="Widget_as_selector.htm">Viewing data related 
 to a widget: Using a widget as a selector</a>.</p>
<p class=seealso style="font-weight: bold;">Related topic</p>
<ul type="disc" class="whs1">
	
<li class=p-seealso><p class=seealso style="font-weight: normal;">
<a 
 href="Bubble_widget.htm">Creating an Interactive Bubble Graph widget</a></p></li>
</ul>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
